<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>我的申请</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="Shortcut Icon" href="cachet.ico">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo"><img src="./images/logon.png" alt=""></div>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item new_nav-item">
                <a href="javascript:;" class="new_a">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    黄孝铭
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">账户信息</a></dd>
                    <dd><a href="">密码修改</a></dd>
                    <dd><a href="">退出登录</a></dd>
                </dl>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item"><a class="icon_index" href="javascript:;">首页</a></li>
                <li class="layui-nav-item icon_tow">管理</li>
                <li class="layui-nav-item text-center  layui-this"><a href="javascript:;">公司管理</a></li>
                <li class="layui-nav-item text-center"><a href="javascript:;">用户管理</a></li>
                <li class="layui-nav-item text-center"><a href="javascript:;">印章管理</a></li>
                <li class="layui-nav-item icon_three">审核</li>
                <li class="layui-nav-item text-center"><a href="javascript:;">公司管理</a></li>
                <li class="layui-nav-item icon_four">设置</li>
                <li class="layui-nav-item text-center"><a href="javascript:;">账户设置</a></li>
                <li class="layui-nav-item text-center"><a href="javascript:;">密码修改</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div class="body_right">
            <h4 class="nav_title">我的申请<a href="javascpipt:;" class="add_btn">申请印章</a></h4>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this">全部</li>
                    <li>待审核</li>
                    <li>已通过</li>
                    <li>已拒绝</li>
                </ul>
                <div class="layui-tab-content" style="height: 100px;">
                    <div class="layui-tab-item layui-show">
                        <table class="layui-table mytable" lay-even="" lay-skin="nob">
                            <colgroup>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>申请时间</th>
                                <th>类型</th>
                                <th>名称</th>
                                <th>使用时间</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请1</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请1</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请1</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="layui-tab-item">
                        <table class="layui-table mytable" lay-even="" lay-skin="nob">
                            <colgroup>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>申请时间</th>
                                <th>类型</th>
                                <th>名称</th>
                                <th>使用时间</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请2</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请1</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请1</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="layui-tab-item">
                        <table class="layui-table mytable" lay-even="" lay-skin="nob">
                            <colgroup>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>申请时间</th>
                                <th>类型</th>
                                <th>名称</th>
                                <th>使用时间</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请1</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请3</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请1</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="layui-tab-item">
                        <table class="layui-table mytable" lay-even="" lay-skin="nob">
                            <colgroup>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>申请时间</th>
                                <th>类型</th>
                                <th>名称</th>
                                <th>使用时间</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请4</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请1</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            <tr>
                                <td>2018-02-09</td>
                                <td>印章使用申请1</td>
                                <td>某某项目需要外借</td>
                                <td>2018-02-09至2018-09-09</td>
                                <td>待绑定</td>
                                <td class="aline_a"><a href="javascript:;" class="read_list">查看详情</a></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
     </div>
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
    </div>
</div>
<script src="./js/jquery.min.js"></script>
<script src="./layui/layui.js"></script>
<script>
    //JavaScript代码区域
    layui.use(['element','layer'], function(){
        var layer = layui.layer;
        $('.add_btn').click(function () {
            layer.open({
                type: 2,
                title: '申请印章',
                shadeClose: true,
                shade: 0.8,
                area: ['80%', '80%'],
                scrollbar: true,
                content: '客户平台创建我的申请弹窗.html'
            });
        });
        $('.read_list').click(function () {
            layer.open({
                type: 2,
                title: '申请结果',
                shadeClose: true,
                shade: 0.8,
                area: ['80%', '80%'],
                scrollbar: true,
                content: '客户平台我的申请结果查看弹窗.html'
            });
        });

    });

</script>
</body>
</html>